<template>
    <div>
        <div class="video">
            <Video></Video>
        </div>
        <div class="vote-box">
            <div class="video-desc">
                这里最多显示两行文字介绍内容
            </div>
            <div :class="`vote-${showtype}`">
                {{showtype==='btn'?'投票':`第1名`}}
            </div>
        </div>
    </div>
</template>
<script>
import Video from "./video"
export default {
    name: 'VoteItem',
    props:{
        showtype:{
            type:String,
            default:'btn'
        }
    },
    components: {
        Video
    }
}
</script>
<style lang="stylus" scoped>
    .video
        width 100%
        height 128px
        border-radius 4px 4px 0px 0px
        overflow hidden
    .vote-box
        width 100%
        box-sizing border-box
        padding 10px 12px
        .video-desc
            font-size 14px
            color #FFEBD7
            line-height 24px
        .vote-btn
            height 32px
            background linear-gradient(180deg,rgba(255,208,87,1) 0%,rgba(244,147,40,1) 100%)
            box-shadow 0px 1px 8px 0px rgba(120,0,26,0.3)
            border-radius 22px
            text-align center
            line-height 32px
            color $theme-color
            font-size 14px
            margin 8px 0 12px
        .vote-show
            height 30px
            border 1px solid #FFD057
            color #FFD057
            line-height 30px
            text-align center
            font-size 14px
            margin-top 8px
</style>